<template>
	<view class="deliverGoods">
		<zhu-nav-bar title="发货" bgColor="#fff" leftColor="#000" sizeColor="#111"></zhu-nav-bar>
		<view class="deliverGoods-plate-1">
			<address-two address="河南省郑州市金水区花园北路省直花园小区1号楼1单元111" name="陆**" phone="186****1231" state="收"></address-two>
		</view>
		<view class="deliverGoods-plate-2">
			<view class="content">
				<view class="item">
					<text>快递公司</text>
					<view class="right">
						<text>圆通速递</text>
						<u-icon name="arrow-right" size="16" color="#999"></u-icon>
					</view>
				</view>
				<view class="item">
					<text>快递公司</text>
					<view class="right">
						<input type="text" value="" placeholder="请输入物流单号" />
						<view class="btn">
							粘贴
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="deliverGoods-plate-3">
			<order-goods :goodsImgUrl="require('@/static/img/financial/financial-top-bg.png')" goodsName="babycare儿童点读笔通用英语学习
			点读机幼儿小孩早教故事机益智" goodsDesc="点读笔16G+5张挂卡+16本书" goodsPrice="339.00" goodsNum="1"></order-goods>
			<order-pay-price goodsNum="1" goodsPrice="339.00" :is_border="false"></order-pay-price>
		</view>
		<view class="deliverGoods-plate-4">
			<order-info orderCode="15654152456" foundTime="2020-12-14 16:58:32" payTime="2020-12-14 16:58:32" orderAddress="河南郑州电信ADSL" :is_delivery="false"></order-info>
		</view>
		<view class="deliverGoods-plate-5">
				<view>立即发货</view>
		</view>
	</view>
</template>

<script>
	import zhuNavBar from '@/pages/components/zhuNavBar.vue'
	import orderGoods from '@/pages/components/orderGoods.vue'
	import orderInfo from '@/pages/components/orderInfo.vue'
	import addressTwo from '@/pages/components/addressTwo.vue'
	import orderPayPrice from '@/pages/components/orderPayPrice.vue'
	export default {
		data() {
			return {
				
			};
		},
		components:{
			zhuNavBar,
			orderGoods,
			orderInfo,
			addressTwo,
			orderPayPrice
		}
	}
</script>

<style lang="scss" scoped>
.deliverGoods{
	width: 100vw;
	min-height: 100vh;
	background-color: #F9F9F9;
	.deliverGoods-plate-1{
		padding-top: $hegiht-top;
	}
	.deliverGoods-plate-2{
		margin-top: 30rpx;
		padding: 0 30rpx;
		background-color: #fff;
		.content{
			width: 100%;
			display: flex;
			flex-direction: column;
			.item{
				// width: 100%;
				display: flex;
				height: 108rpx;
				align-items: center;
				justify-content: space-between;
				border-bottom: 1rpx solid #eee;
				>text{
					font-size: 30rpx;
					font-weight: 500;
					color: #666666;
				}
				.right{
					display: flex;
					align-items: center;
					text{
						font-size: 30rpx;
						font-weight: 500;
						color: #111111;
						margin-right: 20rpx;
					}
					input{
						font-size: 30rpx;
						color: #333;
						text-align: right;
						margin-right: 20rpx;
						width: 400rpx;
					}
					.btn{
						padding: 6rpx;
						border: 1px solid #999999;
					}
				}
			}
			.item:last-child{
				border-bottom: none;
			}
			
		}
	}
	.deliverGoods-plate-3{
		padding-top: 30rpx;
		background-color: #fff;
		margin-top: 30rpx;
	}
	.deliverGoods-plate-4{
		margin-top: 30rpx;
		padding-bottom: 100rpx;
	}
	.deliverGoods-plate-5{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 750rpx;
		height: 100rpx;
		background: #ffffff;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 30rpx;
		view{
			width: 200rpx;
			height: 60rpx;
			background: #367fff;
			border-radius: 40rpx;
			font-size: 30rpx;
			color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
}
</style>
